<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	
	<p:growl id="messages" showDetail="true" autoUpdate="true" />
	<h3>
		<p:outputLabel
			value="#{rbSirenasUI['sirenas.ui.formulario.especializacion_formacion.academica.titulo.label']}" />
	</h3>
	<div class="div_formularioContrataciones">

		<h:form id="idFormAcademicaArbitro">
   			<p:remoteCommand name="updateForm" update="gridFormAcademicaArbitro" />
   			
			<p:panelGrid id="gridFormAcademicaArbitro" layout="grid"
				styleClass="ui-panel">
				<p:row>
					<p:column style="height:60px;" colspan="4">
						<p:outputLabel style="font-size: 11px;color:#0000FF;"
							styleClass="label"
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.mensaje.informativodos.label']}" />
					</p:column>
				</p:row>

				<p:row>
					<p:column style="height:60px;">
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.areaprofesion.label']}"
							style="font-size: 11px;" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="cmbAreaProfesion" value="#{registroArbitroFormacionAcademicaBean.arbFormacionAcademica.idAreaProfesion}"
							required="true"  requiredMessage="#{rbSirenasUI['sirenas.ui.msj.profesion.required']}" 
							style="width:150px;font-size: 13px;">
							<f:selectItems value="#{repositorioDatos.listaAreaProfesion}" />
						</p:selectOneMenu>
						<p:message for="cmbAreaProfesion" display="icon"/>
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.centroestudios.label']}"
							style="font-size: 11px;" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="cmbCentroEstudios" value="#{registroArbitroFormacionAcademicaBean.arbFormacionAcademica.idCentroEstudios}"
							required="true" 
							requiredMessage="#{rbSirenasUI['sirenas.ui.msj.centro_estudios.required']}" 
							style="width:250px; font-size: 13px;" valueChangeListener="#{registroArbitroFormacionAcademicaBean.mostrarOtrosCentrosEstudios}">
							<f:selectItems value="#{repositorioDatos.listaCentroEstudios}" />
							<p:ajax process="cmbCentroEstudios" partialSubmit="true" event="valueChange" update="descripcionOtroCentro cmbPais" />
							<f:ajax render="descripcionOtroCentro" />
						</p:selectOneMenu>
						<p:message for="cmbCentroEstudios" display="icon"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column style="height:60px;">
					</p:column>
					<p:column>
					</p:column>
					
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.otrocentro.label']}"
							style="font-size: 11px;" />
					</p:column>
					<p:column>
						<p:inputText id="descripcionOtroCentro" onkeyup="$(this).val($(this).val().replace(/[^a-zA-Z\säüöáéíóúÁÉÍÓÚüÜñÑ]/g, ''));" 
							required="#{not registroArbitroFormacionAcademicaBean.otrosCentroEstudios}" 
							requiredMessage="#{rbSirenasUI['sirenas.ui.msj.centro_estudios_extranjero.required']}" 
							value="#{registroArbitroFormacionAcademicaBean.arbFormacionAcademica.descripcionOtroCentro}"							
							disabled="#{registroArbitroFormacionAcademicaBean.otrosCentroEstudios}" />
						<p:message for="descripcionOtroCentro" display="icon"/>
					</p:column>

				</p:row>
				<p:row>
					<p:column style="height:60px;">
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.gradotitulo.label']}"
							style="font-size: 11px;" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="cmbGradoTitulo" value="#{registroArbitroFormacionAcademicaBean.arbFormacionAcademica.indGradoObtenido}"
							required="true" requiredMessage="#{rbSirenasUI['sirenas.ui.msj.gradotitulo_obtenido.required']}" 
							style="width:150px;font-size: 13px;">
							<f:selectItems value="#{repositorioDatos.listaGradoObtenido}" />
						</p:selectOneMenu>
						<p:message for="cmbGradoTitulo" display="icon"/>
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.desc_gradotitulo.label']}"
							style="font-size: 11px;" />
					</p:column>
					<p:column>
						<p:inputText id="descripcionGrado" onkeyup="$(this).val($(this).val().replace(/[^a-zA-Z\säüöáéíóúÁÉÍÓÚüÜñÑ]/g, ''));"
							value="#{registroArbitroFormacionAcademicaBean.arbFormacionAcademica.descripcionGrado}" 
							required="true" requiredMessage="#{rbSirenasUI['sirenas.ui.msj.descripcion_grado.required']}" />
						<p:message for="descripcionGrado" display="icon"/>
					</p:column>

				</p:row>
				<p:row>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.fec_gradotitulo.label']}"
							style="font-size: 11px;" />
					</p:column>
					<p:column style="height:60px;width:80px">
						<p:calendar id="fecEgreso" size="15"
							value="#{registroArbitroFormacionAcademicaBean.arbFormacionAcademica.fecEgreso}"
							pattern="dd/MM/yyyy" maxdate="#{repositorioDatos.maxDate}"
							required="true" requiredMessage="#{rbSirenasUI['sirenas.ui.msj.fec_gradotitulo.required']}"
							navigator="true" yearRange="c-30:c+00" style="font-size: 13px;" />
						<p:message for="fecEgreso" display="icon"/>
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.pais.label']}"
							style="font-size: 11px;" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="cmbPais"
							value="#{registroArbitroFormacionAcademicaBean.arbFormacionAcademica.idPais}"
							required="true" requiredMessage="#{rbSirenasUI['sirenas.ui.msj.pais.required']}"
							style="width:150px;font-size: 13px;">
							<f:selectItems value="#{repositorioDatos.listaPais}" />
						</p:selectOneMenu>
						<p:message for="cmbPais" display="icon"/>
					</p:column>
				</p:row>
				<!-- <p:row>
					<p:column>
						<p:outputLabel value="#{registroArbitroFormacionAcademicaBean.esEditar}" />
						<p:outputLabel value="#{registroArbitroFormacionAcademicaBean.btnAgregar}" />
						<p:outputLabel value="#{sessionScope.auditoria.rolUsuario}" />
					</p:column>
				</p:row> -->
				<p:row>
					<p:column style="text-align:center" colspan="4"
						rendered="#{registroArbitroFormacionAcademicaBean.btnAgregar}">
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.agregar.label']}"
							action="#{registroArbitroFormacionAcademicaBean.agregarFormacionAcademicaArbitro}"
							update="idFormAcademicaArbitro"
							rendered="#{sessionScope.auditoria.rolUsuario ne 'ADMIN'}" />
					</p:column>
					<p:column style="text-align:center" colspan="4"
						rendered="#{registroArbitroFormacionAcademicaBean.btnRectificar}">

						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.editar.label']}"
							action="#{registroArbitroFormacionAcademicaBean.rectificarFormacionAcademica}"
							update="idFormAcademicaArbitro"
							rendered="#{registroArbitroFormacionAcademicaBean.esEditar}" />
						<p:spacer width="10" />

						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.rectificar.label']}"
							action="#{registroArbitroFormacionAcademicaBean.rectificarFormacionAcademica}"
							update="idFormAcademicaArbitro @form"
							rendered="#{sessionScope.auditoria.rolUsuario eq'ADMIN'}" />
						<p:spacer width="10" />

						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.cancelar.label']}"
							action="#{registroArbitroFormacionAcademicaBean.botonCancelar}"
							update="idFormAcademicaArbitro" />
					</p:column>
				</p:row>
			</p:panelGrid>	
		</h:form>
	
		<p:dataTable id="listaFormacionOriginal" var="formacion" styleClass="myTable"
			value="#{registroArbitroFormacionAcademicaBean.listaFormacionAcademicaOriginal}"
			paginator="true" rows="11" paginatorPosition="bottom"
			currentPageReportTemplate="Mostrando de {startRecord} a {endRecord} | Total Registros : {totalRecords}"
						paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} "
			emptyMessage="#{rbSirenasUI['sirenas.ui.mensaje.sistema.informacion.registros_vacios']}">
	
			<p:column
				headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.areaprofesion.label']}"
				style="font-size: 11px;">
				<h:outputText value="#{formacion.descAreaProfesion}"
					rendered="#{formacion.estado eq 1}" />
			</p:column>
	
			<p:column
				headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.centroestudios.label']}"
				style="font-size: 11px;">
				<h:outputText value="#{formacion.descCentroEstudios}"
					rendered="#{formacion.estado eq 1}" />
			</p:column>
			<p:column
				headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.otrocentro.label']}"
				style="font-size: 11px;">
				<h:outputText value="#{formacion.descripcionOtroCentro}"
					rendered="#{formacion.estado eq 1}" />
			</p:column>
			<p:column
				headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.pais.label']}"
				style="font-size: 11px;">
				<h:outputText value="#{formacion.descPais}"
					rendered="#{formacion.estado eq 1}" />
			</p:column>
	
			<p:column
				headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.gradotitulo.label']}"
				style="font-size: 11px;">
				<h:outputText value="#{formacion.descGradoObtenido}"
					rendered="#{formacion.estado eq 1}" />
			</p:column>
			<p:column
				headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.desc_gradotitulo.label']}"
				style="font-size: 11px;">
				<h:outputText value="#{formacion.descripcionGrado}"
					rendered="#{formacion.estado eq 1}" />
			</p:column>
			<p:column
				headerText="#{rbSirenasUI['sirenas.ui.entidad.forma_academica.grilla.fec_gradotitulo.label']}"
				style="font-size: 11px;">
				<h:outputText value="#{formacion.fecEgreso}"
					rendered="#{formacion.estado eq 1}">
					<f:convertDateTime pattern="dd-MM-yyyy" />
				</h:outputText>
			</p:column>
			<p:column headerText="ACCIÓN">
				<p:commandButton title="Eliminar" id="btnElimina"
					actionListener="#{registroArbitroFormacionAcademicaBean.eliminarFormacionAcademica(formacion.indice)}"
					icon="ui-icon-trash" update="listaFormacionOriginal"
					rendered="#{(formacion.esEditable or registroArbitroFormacionAcademicaBean.esPendiente) and (sessionScope.auditoria.rolUsuario ne 'ADMIN') }" />

				<p:commandButton title="EDITAR" id="btnEdita" 
					actionListener="#{registroArbitroFormacionAcademicaBean.cargarFormacionAcademica(formacion.indice)}"
					icon="ui-icon-pencil" update="idFormAcademicaArbitro"
					rendered="#{formacion.esEditable or registroArbitroFormacionAcademicaBean.esPendiente}" />

			</p:column>
		</p:dataTable>
	
	</div>


	<p:dialog id="dialogFiscalizaForma" widgetVar="dialogFiscalizacion"
		header="REGISTRO DE FISCALIZACION" closable="true" dynamic="true">
		<ui:include src="popupFiscalizacionRegistro.xhtml" />
	</p:dialog>

	<p:dialog id="dialogConfirmacion" widgetVar="dialogoConfirmacion"
		appendTo="@(body)" modal="true" resizable="false" showEffect="puff"
		hideEffect="explode" closable="false"
		header="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.accion.header']}">
		<h:form>
			<p:panelGrid>
				<p:row>
					<p:column colspan="2" style="heigth:20px; text-align:center"
						styleClass="label"
						rendered="#{sessionScope.auditoria.rolUsuario ne 'ADMIN'}">
						<h4>
							<p:outputLabel
								value="#{rbSirenasUI['sirenas.ui.mensajes.sistema.confirmacion.formacion.academica']}" />
						</h4>
					</p:column>
				</p:row>
				<p:row>
					<p:column colspan="2" style="heigth:20px"
						rendered="#{sessionScope.auditoria.rolUsuario ne 'ADMIN'}">
						<h:outputLabel
							value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.regficha.dec_jurada']}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column colspan="2" style="heigth:20px;text-align:center;"
						styleClass="label"
						rendered="#{sessionScope.auditoria.rolUsuario eq 'ADMIN'}">
						<h4>
							<p:outputLabel
								value="#{rbSirenasUI['sirenas.ui.mensajes.sistema.confirmacion.rectificacion.pregunta']}" />
						</h4>
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center;">
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.no']}"
							onclick="PF('dialogoConfirmacion').hide();" type="button"
							icon="ui-icon-close" />
					</p:column>
					<p:column style="text-align:center">
						<p:commandButton id="btnVerRectificacion"
							value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.si']}"
							actionListener="#{registroArbitroFormacionAcademicaBean.validaRectificacion}"
							update="@form" icon="ui-icon-check" />
					</p:column>
				</p:row>
			</p:panelGrid>
		</h:form>
	</p:dialog>
	<p:dialog id="dialogTramite" widgetVar="dialogoTramite"
		showEffect="fade" hideEffect="explode" appendTo="@(body)" modal="true"
		closable="false" resizable="false"
		header="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.tramite.header']}">
		<h:form id="idDialogTramite">
			<p:panelGrid>
				<p:row>
					<p:column colspan="2" style="text-align:center">
						<h:outputLabel
							value="#{rbSirenasUI['sirenas.ui.mensajes.solicitud.tramite']}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.general.numero.tramite.label']}" />
					</p:column>
					<p:column>
						<h:inputText
							value="#{registroArbitroFormacionAcademicaBean.codTramite}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center" colspan="2">
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.cancelar.label']}"
							onclick="PF('dialogoTramite').hide();" icon="ui-icon-close" />

						<p:commandButton id="btnVerRectificacion"
							value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.si']}"
							actionListener="#{registroArbitroFormacionAcademicaBean.validaCodTramite}"
							icon="ui-icon-check" />
					</p:column>
				</p:row>
			</p:panelGrid>
		</h:form>
	</p:dialog>

</ui:composition>